<template>
  <div class="abouts">
    <div class="abouts-text">
      <div class="abouts-title">{{circleInfo.title}}</div>
      <div class="abouts-numMsg">{{circleInfo.numMsg}}</div>
    </div>
    <img :src="circleInfo.src">
  </div>
</template>

<script type="text/javascript">
    export default {
        data () {
            return {
            }
        },
        props: {
            circleInfo: {
                type: Object
            }
        }
    }
</script>

<style lang="stylus" rel="stylesheet/stylus">
  .abouts
    & .abouts img
      margin-top: -16px
    .abouts-text
      position: absolute
      height:auto
      top: 0px
      left:390px
      text-align: center
      overflow: hidden
      .abouts-title
        margin-top:20px
        padding-bottom: 12px
        color: #fff
        font-size: 16px
      .abouts-numMsg
        color: #fff
        margin-top: 40px
        font-size: 14px
        text-align: left
        line-height: 25px
</style>
